<template>
  <div>
    <PublicTableComponent :tableData="tableData" :tabFieldName="tabFieldName" />
  </div>
</template>

<script setup>
import PublicTableComponent from '@/components/Table2View.vue'

const tableData = [
  {
    id: 1,
    name: '张三1',
    sex: '男',
    branch: '技术部',
    permission: '3',
    Tel: '12364851264',
    creatDate: '2026-03-03',
  },
  {
    id: 2,
    name: '张三2',
    sex: '男',
    branch: '电网部',
    permission: '2',
    Tel: '12364851264',
    creatDate: '2018-07-07',
  },
  {
    id: 3,
    name: '张三3',
    sex: '女',
    branch: '外呼部',
    permission: '3',
    Tel: '12364851264',
    creatDate: '2016-05-03',
  },
  {
    id: 4,
    name: '张三4',
    sex: '男',
    branch: '技术部',
    permission: '2',
    Tel: '12364851264',
    creatDate: '2024-05603',
  },
  {
    id: 5,
    name: '张三5',
    sex: '女',
    branch: '营销部',
    permission: '3',
    Tel: '12364851264',
    creatDate: '2008-08-03',
  },
  {
    id: 20,
    name: '张三6',
    sex: '女',
    branch: '营销部',
    permission: '3',
    Tel: '12364851264',
    creatDate: '2008-08-03',
  },
]

const tabFieldName = [
  { prop: 'name', label: '姓名', width: 180, sortable: true },
  { prop: 'sex', label: '性别', width: 180, sortable: true },
  { prop: 'branch', label: '部门', width: 180, sortable: true },
  { prop: 'permission', label: '权限', width: 180, sortable: true },
  { prop: 'Tel', label: '手机号码', sortable: true },
  { prop: 'creatDate', label: '创建时间', width: 120, showOverflowTooltip: true, sortable: true },
]
</script>
